﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="AppGestionRequerimientos.Login" Codebehind="Login.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js">
<!--<![endif]-->
<head runat="server">
    <title>Sistema de Gestion de Requerimientos - Identifiquese</title>
    <!-- Use the .htaccess and remove these lines to avoid edge case issues.
	       More info: h5bp.com/b/378 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Sistema ASR" />
    <meta name="author" content="Anovo Peru" />
    <!-- Mobile viewport optimized: h5bp.com/viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <!-- iPhone: Don't render numbers as call links -->
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
    <!-- The Styles -->
    <!-- ---------- -->
    <!-- Layout Styles -->
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/grid.css" />
    <link rel="stylesheet" href="css/layout.css" />
    <!-- Icon Styles -->
    <link rel="stylesheet" href="css/icons.css" />
    <link rel="stylesheet" href="css/fonts/font-awesome.css" />
    <!--[if IE 8]><link rel="stylesheet" href="css/fonts/font-awesome-ie7.css"><![endif]-->
    <!-- External Styles -->
    <link rel="stylesheet" href="css/external/jquery-ui-1.8.21.custom.css" />
    <link rel="stylesheet" href="css/external/jquery.chosen.css" />
    <link rel="stylesheet" href="css/external/jquery.cleditor.css" />
    <link rel="stylesheet" href="css/external/jquery.colorpicker.css" />
    <link rel="stylesheet" href="css/external/jquery.elfinder.css" />
    <link rel="stylesheet" href="css/external/jquery.fancybox.css" />
    <link rel="stylesheet" href="css/external/jquery.jgrowl.css" />
    <link rel="stylesheet" href="css/external/jquery.plupload.queue.css" />
    <link rel="stylesheet" href="css/external/syntaxhighlighter/shCore.css" />
    <link rel="stylesheet" href="css/external/syntaxhighlighter/shThemeDefault.css" />
    <!-- Elements -->
    <link rel="stylesheet" href="css/elements.css" />
    <link rel="stylesheet" href="css/forms.css" />
    <!-- OPTIONAL: Print Stylesheet for Invoice -->
    <link rel="stylesheet" href="css/print-invoice.css" />
    <!-- Typographics -->
    <link rel="stylesheet" href="css/typographics.css" />
    <!-- Responsive Design -->
    <link rel="stylesheet" href="css/media-queries.css" />
    <!-- Bad IE Styles -->
    <link rel="stylesheet" href="css/ie-fixes.css" />
    <!-- The Scripts -->
    <!-- ----------- -->
    <!-- JavaScript at the top (will be cached by browser) -->
    <script type="text/javascript" src="js/webfont.js"></script>
    <!-- Essential polyfills -->
    <script type="text/javascript" src="js/mylibs/polyfills/modernizr-2.6.1.min.js"></script>
    <script type="text/javascript" src="js/mylibs/polyfills/respond.js"></script>
    <script type="text/javascript" src="js/mylibs/polyfills/matchmedia.js"></script>
    <!--[if lt IE 9]><script src="js/mylibs/polyfills/selectivizr-min.js"></script><![endif]-->
    <!--[if lt IE 10]><script src="js/mylibs/charts/excanvas.js"></script><![endif]-->
    <!--[if lt IE 10]><script src="js/mylibs/polyfills/classlist.js"></script><![endif]-->
    <!-- Grab frameworks from CDNs -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">        window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Do the same with jQuery UI -->
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript">        window.jQuery.ui || document.write('<script src="js/libs/jquery-ui-1.8.21.min.js"><\/script>')</script>
    <!-- Do the same with Lo-Dash.js -->
    <script type="text/javascript" src="js/lodash.min.js"></script>
    <script type="text/javascript">        window._ || document.write('<script src="js/libs/lodash.min.js"><\/script>')</script>
    <!-- scripts concatenated and minified via build script -->
    <!-- General Scripts -->
    <script type="text/javascript" src="js/mylibs/jquery.hashchange.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.idle-timer.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.plusplus.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.jgrowl.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.scrollTo.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.ui.touch-punch.js"></script>
    <script type="text/javascript" src="js/mylibs/jquery.ui.multiaccordion.js"></script>
    <script type="text/javascript" src="js/mylibs/number-functions.js"></script>
    <!-- Forms -->
    <script type="text/javascript" src="js/mylibs/forms/jquery.autosize.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.checkbox.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.chosen.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.cleditor.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.colorpicker.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.ellipsis.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.fileinput.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.fullcalendar.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.maskedinput.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.placeholder.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.pwdmeter.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.ui.datetimepicker.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.ui.spinner.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/jquery.validate.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/uploader/plupload.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/uploader/plupload.html5.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/uploader/plupload.html4.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/uploader/plupload.flash.js"></script>
    <script type="text/javascript" src="js/mylibs/forms/uploader/jquery.plupload.queue/jquery.plupload.queue.js"></script>
    <!-- Charts -->
    <script type="text/javascript" src="js/mylibs/charts/jquery.flot.js"></script>
    <script type="text/javascript" src="js/mylibs/charts/jquery.flot.orderBars.js"></script>
    <script type="text/javascript" src="js/mylibs/charts/jquery.flot.pie.js"></script>
    <script type="text/javascript" src="js/mylibs/charts/jquery.flot.resize.js"></script>
    <!-- Explorer -->
    <script type="text/javascript" src="js/mylibs/explorer/jquery.elfinder.js"></script>
    <!-- Fullstats -->
    <script type="text/javascript" src="js/mylibs/fullstats/jquery.css-transform.js"></script>
    <script type="text/javascript" src="js/mylibs/fullstats/jquery.animate-css-rotate-scale.js"></script>
    <script type="text/javascript" src="js/mylibs/fullstats/jquery.sparkline.js"></script>
    <!-- Syntax Highlighter -->
    <script type="text/javascript" src="js/mylibs/syntaxhighlighter/shCore.js"></script>
    <script type="text/javascript" src="js/mylibs/syntaxhighlighter/shAutoloader.js"></script>
    <!-- Dynamic Tables -->
    <script type="text/javascript" src="js/mylibs/dynamic-tables/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/mylibs/dynamic-tables/jquery.dataTables.tableTools.zeroClipboard.js"></script>
    <script type="text/javascript" src="js/mylibs/dynamic-tables/jquery.dataTables.tableTools.js"></script>
    <!-- Gallery -->
    <script type="text/javascript" src="js/mylibs/gallery/jquery.fancybox.js"></script>
    <!-- Tooltips -->
    <script type="text/javascript" src="js/mylibs/tooltips/jquery.tipsy.js"></script>
    <!-- Do not touch! -->
    <script type="text/javascript" src="js/mango.js"></script>
    <script type="text/javascript" src="js/plugins.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <!-- Your custom JS goes here -->
    <script type="text/javascript" src="js/app.js"></script>
    <!-- end scripts -->
</head>
<body class="login">

    <section id="toolbar">
		<div class="container_12">
		
			<!-- Left side -->
			<div class="left">
				<ul class="breadcrumb">
				
					<li><a href="javascript:void(0);">Sistema de Gestion de Requerimientos</a></li>
					<li><a href="javascript:void(0);">Identifiquese</a></li>
					
				</ul>
			</div>
			<!-- End of .left -->
			
			<!-- Right side -->
			<div class="right">
				<ul>				
					<li><a href="#"><span class="icon i14_bended-arrow-left"></span>Realizado por el area de Sistemas - System Cloud</a></li>
					<li class="red"><a href="http://www.google.com.pe">Salir</a></li>
				</ul>
			</div><!-- End of .right -->
			
			<!-- Phone only items -->
			<div class="phone">
				<ul>
                    <!-- Navigation -->
				    <li class="red"><a href="http://www.google.com.pe"><span class="icon-remove"></span></a></li>
				    <!-- User Link -->
				    <li><a href="#"><span class="icon-home"></span></a></li>
			    </ul>
			</div><!-- End of .phone -->
			
		</div><!-- End of .container_12 -->
	</section>
    <!-- End of #toolbar -->
    <!-- The header containing the logo -->
    <header class="container_12">
		<div class="container">
		
			<!-- Your logos -->
			<a href="Login.aspx"><img src="img/logo-light.png" alt="Mango" width="356" height="60"/></a>
			<a class="phone-title" href="Login.aspx"><img src="img/logo-mobile.png" alt="Mango" height="22" width="70" /></a>
			
			<!-- Right link
			<div class="right">
				<span>¿Olvidaste tu cuenta?</span>
				<a href="javascript:void(0);">Enviar correo</a>
			</div> -->
			
		</div><!-- End of .container -->
	</header>
    <!-- End of header -->
    <!-- The container of the sidebar and content box -->
    <section id="login" class="container_12 clearfix">
	
		<form action="Login.aspx" method="post" class="box validate" runat="server" name="frmLogin">
		
			<div class="header">
				<h2><span class="icon icon-lock"></span>Identifiquese</h2>
			</div>
			
			<div class="content">
				<!-- Login messages -->
                <% string rpta = txtResultado.Value;

                   if (rpta == "invalido")
                   {
                       Response.Write("<script lanaguage=javascript>document.frmLogin.submit(); </script>");
                   %>
				     <div class="login-messages">
                        <div class="message welcome">Usuario o Contraseña Incorrectos.</div>
                        <div class="message failure">Credenciales Incorrectas.</div>
                     </div>
                       <% }
                   else
                   { %>
                       <div class="login-messages">
                           <div class="message welcome">Bienvenido</div>
                           <div class="message failure">Credenciales Incorrectas.</div>
                       </div>
                     <%}    
                     %>

				<!-- The form -->
				<div class="form-box">
					<div class="row">
						<label for="login_name">
							<strong>Usuario</strong>
							<small>Ingrese Usuario</small>
						</label>
						<div>
                            <asp:TextBox ID="txtUsuario" runat="server" CssClass="required noerror" TabIndex="1" style="text-transform :uppercase"></asp:TextBox>
						</div>
					</div>
					
					<div class="row">
						<label for="login_pw">
							<strong>Contraseña</strong>
							<small><a href="javascript:void(0);" id="">Ingrese Contraseña</a></small>
						</label>
						<div>
                            <asp:TextBox ID="txtClave" runat="server" CssClass="required noerror" TextMode="Password" TabIndex="2" style="text-transform :uppercase"></asp:TextBox>
						</div>
					</div>
					
				</div><!-- End of .form-box -->
				
			</div><!-- End of .content -->
			
			<div class="actions">
				<div class="left">
					<div class="rememberme">
					<label for="login_remember">v1.0</label> 
					</div>
				</div>
				<div class="right">
                    <asp:Button ID="btnIngresar" runat="server" Text="Ingresar" TabIndex="3" 
                        onclick="btnIngresar_Click"></asp:Button>
				</div>
			</div><!-- End of .actions -->
			<asp:HiddenField ID="txtResultado" runat="server" />
		</form><!-- End of form -->

	</section>
    <!-- Spawn $$.loaded -->
    <script type="text/javascript">
        $$.loaded();
    </script>
    <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
	   chromium.org/developers/how-tos/chrome-frame-getting-started -->
    <!--[if lt IE 7 ]>
	<script defer src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
	<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
	<![endif]-->
</body>
</html>